@charset "utf-8";
/* CSS Document */
/*common*/
body{font:12px/150%,"微软雅黑"; background:#e0e0f8;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,textarea,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summargy,time,margk,audio,video{margin:0;padding:0;font-size: 12px;}
input[type="button"],input[type="submit"],select,button{cursor:pointer;font-size: 12px}
div,p,li,dt,dd,h5,h6{word-break:break-all; wore-wrap:break-word;}
ul,li,ol{list-style:none;}

fieldset,img,a img,iframe{border-width:0;border-style:none; border:none;}
input:focus{outline:none;}

.display{display:none;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after,.clear {clear: both;}
.overflow{zoom:1; overflow:hidden;}
.f_l{ float:left;}
.f_r{ float:right;}

/* 12号字体表格 */
.table-font12{ width: 100%;}
.table-font12 tr td:first-child{ padding-left:20px; }
.table-font12 tr td:last-child{ padding-right:10px; }
.table-font12 tr th:first-child{ padding-left:20px; }
.table-font12 tr th:last-child{ padding-right:10px; }
.table-font12 td{text-align: left;}
.table-font12-header{  line-height: 50px; border-bottom: 1px solid #eaecf1;}
.table-font12-header th{ font-family:"Microsoft YaHei Bold", "Microsoft YaHei"; font-size: 12px; color: #333; font-weight: 700;}

.table-font12-body{line-height: 40px;}
.table-font12-body tr {height: 40px;font-size: 12px; border-bottom:0.5px solid #ededef}
.table-font12-body tr a {font-size: 12px;}
.table-font12-body tr:hover { background:#e4e4e4 }
.table-font12-body .no-wrapheight{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.table-font12-footer{  border-top: 2px solid #eaecf1;}
.table-font12-body td{ border-bottom:1px solid #eaecf1;}
.table-font12-footer td {padding:10px 0px }

																														/*添加样式*/
   .table-font12-bodys{line-height: 45px;}
   .table-font12-bodys tr {height: 45px;font-size: 12px; }
   .table-font12-bodys tr a {font-size: 12px;}
   .table-font12-bodys tr:hover { background:#e4e4e4 }
   .table-font12-bodys .no-wrapheight{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
   .table-font12-footer{  border-top: 2px solid #eaecf1;}
   .table-font12-footer td {padding:10px 0px }
																														/*添加样式*/

/* 可选择表格 */
.tbody-selected tr {cursor: pointer}

/*left*/
.wrapBox{ min-width:1200px;}
.leftSide{ width:180px; background-color:#304051; height:100%; position:fixed; left:0; top:0; bottom:0; z-index:2;}

/*logo切换*/
.logoChose { background-color:#25323D; position:relative;}
.logoChose h1 { color:#fff; font-size:12px; font-weight:normal; cursor:pointer; padding:7px 0 7px 20px; margin-right:15px; background:url(../images/logo_arrow.png) no-repeat right center; display:table;}
.logoChose h1 img{ width:45px; height:45px; vertical-align:middle; border-radius:4px; margin-right:5px;}
.logoChose h1 span{ display:table-cell; vertical-align:middle; width:100%;}
/*多项logo*/
.foldLogoList { background:#25323D; position:absolute; left:180px; top:0; min-width:180px; overflow:hidden; z-index:3000;/*webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px);-o-transform: translateX(-20px);transform: translateX(-20px); opacity:0;filter:alpha(opacity=0);transition:all 0.2s ease;*/ display:none; }
.logoChose .showTrsm{/*webkit-transform: translateX(0);-moz-transform: translateX(0);
-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0); 
opacity:1;filter:alpha(opacity=100);*/ display:block;}
.foldLogoList ul{ margin:5px 0; width:100%; overflow-y:auto; float:none; }
.foldLogoList ul li{ padding:10px 10px; display:table; color:#989898; width:100%; cursor:pointer; float:none;}
.foldLogoList ul li:hover{ background-color:#e2e2e2;}
.foldLogoList ul li:hover span{ color: #FF6633;}
.foldLogoList ul li img{ width:45px; height:45px; vertical-align:middle; margin-right:8px;}
.foldLogoList ul li span{ display:table-cell; vertical-align:middle;}


/*创建团队*/
.creatTeam{ height:30px; line-height:30px;}
.creatTeam a{ display:inline-block; width:180px; text-align:center; float:left; height: 58px;line-height: 58px;}
.creatTeam a i{ display:inline-block; background:url(../images/x_icon.png) no-repeat 0 -360px; height:20px; width:20px; vertical-align:middle;}
.creatTeam a.active{ color:#fff; background-color:#4caf50;}
.creatTeam a.active i{ background-position:-20px -360px;}
/*左侧菜单*/
.navBar{ float:none;}
.navBar{ margin-top:10px;}
.navBar li{ float:none;}
.navBarScoll{}
.navBar li a{ display:block;
    color: #ffffff;;padding:0 20px; height:45px; line-height:45px; font-size:14px; margin-bottom: 10px;}
.navBar li a i{background:url(../images/x_icon.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:10px;}
.navBar li.icon1 a i{ background-position:0 0;}
.navBar li.icon2 a i{ background-position:0 -20px ;}
.navBar li.icon3 a i{ background-position:0 -40px;}
.navBar li.icon4 a i{ background-position:0 -60px;}
.navBar li.icon5 a i{ background-position:0 -80px;}
.navBar li.icon6 a i{ background-position:0 -100px;}
.navBar li.icon7 a i{ background-position:0 -120px;}
.navBar li.icon7 a em{ background:url(../images/x_icon.png) no-repeat 0 -180px; display:inline-block; width:20px; height:20px; float:right; margin-top:15px;}
/*鼠标滑上去icon变化*/
.navBar li a:hover,.navBar li a.current{color:#ff6633; background-color:#25323D;}

.navBar li.icon1 a:hover i,.navBar li.icon1 a.current i{ background-position:-20px 0;}
.navBar li.icon2 a:hover i,.navBar li.icon2 a.current i{ background-position:-20px -20px;}
.navBar li.icon3 a:hover i,.navBar li.icon3 a.current i{ background-position:-20px -40px;}
.navBar li.icon4 a:hover i,.navBar li.icon4 a.current i{ background-position:-20px -60px;}
.navBar li.icon5 a:hover i,.navBar li.icon5 a.current i{ background-position:-20px -80px;}
.navBar li.icon6 a:hover i,.navBar li.icon6 a.current i{ background-position:-20px -100px;}
.navBar li.icon7 a:hover i,.navBar li.icon7 a.current i{ background-position:-20px -120px;}
.navBar li.icon7 a:hover em,.navBar li.icon7 a.current em{ background-position:-20px -180px;}
/*更多*/
.navFixedbom{ position:absolute; bottom:0; left:0; right:0; background-color:#304051;}
.navBar li .borderTop{ display:block; border-top:1px solid #464e6f;}
.navBar .otherLi{ padding:13px 0 0; margin:0 20px; height:45px;border-bottom:1px solid #464e6f;}
.navBar .otherLi a{ display:inline-block; float:left;background:url(../images/x_icon.png) no-repeat 0 -140px; width:20px; height:20px; padding:0; margin-right:40px; }

.navBar .otherLi .setIcon{ background-position:0 -140px;}
.navBar .otherLi .setIcon{ background-position:0 -140px;}
.navBar .otherLi .mesgIcon{ background-position:0 -160px;}
.navBar .otherLi .unfoldIcon{ background-position:0 -198px; float:right; margin-right:0;}
.navBar li.otherLi  a:hover{ background-color:transparent; }
.navBar .otherLi .setIcon:hover{ background-position:-20px -140px;}
.navBar .otherLi .current-set-icon { background-position:-20px -140px;!important;}
.navBar .otherLi .mesgIcon:hover{ background-position:-20px -160px;}
.navBar .otherLi .unfoldIcon:hover{ background-position:-20px -198px;}
.logobtm{ text-align:center;height: 70px; line-height: 70px;}
/*header left*/
.headerNav{ min-width:1020px;height:58px; border-top:1px solid #304051;border-bottom:1px solid #304051; position:fixed; top:0; right:0; left:180px; padding:0 20px; background:#304051; z-index:1; }
.searchBox{ position:relative; margin-top:16px; height:25px; overflow:hidden;float:left;}
.searchBox .search-in{ border:1px solid #a6a6a6; border-radius:10px; padding:0 33px 0 10px; font:14px/23px "微软雅黑"; overflow:hidden; height:23px; width:190px;}
.searchBox .search-in:focus{ border:1px solid #ff5f20;}
.searchBox .search-btn{ height:23px; width:25px; position:absolute; right:0; top:0px; border-left:1px solid #a6a6a6;}
.search-btn input:hover{ background-position:-20px -300px;}
.search-btn input{background:url(../images/x_icon.png) no-repeat 0 -300px; width:20px; height:20px; border:none; margin-top:2px; margin-left:3px;}
/*header right*/
.headerOrder{ float:right; font-size:14px;}
.headerOrder ul li{ float:left;line-height:58px;  margin-left:55px;position:relative;}
.headerOrder ul li a{ display:block;color: #fff; }
.headerOrder ul li a:hover,.headerOrder ul li a.current{ color: #ff6633;}
.headerOrder ul li a i{ background:url(../images/x_icon.png) no-repeat 0 -220px; display:inline-block; width:20px; height:20px; vertical-align:middle; margin-right:15px;}
.headerOrder ul li.desk a i{ background-position:0 -220px;}
.headerOrder ul li.report a i{ background-position:0 -240px;}
.headerOrder ul li.calendar a i{ background-position:0 -260px;}
.headerOrder ul li.mesg a i{ background-position:0 -280px;}


.headerOrder ul li.desk a:hover i,.headerOrder ul li.desk a.current i{ background-position:-20px -220px;}
.headerOrder ul li.report a:hover i,.headerOrder ul li.report a.current i{ background-position:-20px -240px;}
.headerOrder ul li.calendar a:hover i,.headerOrder ul li.calendar a.current i{ background-position:-20px -260px;}
.headerOrder ul li.mesg a.unread i{ background-position:-20px -280px;}
.headerOrder ul li.mesg a.unread em{ position:absolute; top:13px; left:8px; padding:6px 4px; background-color:#e95513; color:#fff; font-size:12px; font-style:normal; border-radius:15px; height:8px; line-height:0; box-shadow: 0 0 6px #f4aa89;}

.headerOrder ul li.perMesg{ margin-left:25px;}
.headerOrder ul li.perMesg dt{ color:#fff; cursor:pointer;}
.headerOrder ul li.perMesg dt img{ vertical-align:middle; margin-right:5px;}
.headerOrder ul li.perMesg dt i{ display:inline-block; border:6px solid transparent; border-top:4px solid #989898; vertical-align:-3px; margin-left:15px; }

.headerOrder ul li dd{ font-size:12px; position:absolute; top:57px; right:0; background:#fff;min-width:110px; padding-bottom:5px;
webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px); opacity:0;filter:alpha(opacity=0); transition:all 0.2s ease; visibility: hidden;
 }
.headerOrder ul li dd.showTrsm{background-color: #304051; webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); opacity:1;filter:alpha(opacity=100); visibility:visible;}
.headerOrder ul li dd a { padding:0 10px 0 13px; height:35px; line-height:35px; margin-top:5px; white-space:nowrap;}
.headerOrder ul li dd a:hover{ background-color:#e2e2e2;}
.headerOrder ul li dd a i{ margin-right:5px;}
.headerOrder ul li a.setting i{ background-position:0 -320px;}
.headerOrder ul li a.setting:hover i{background-position:-20px -320px;} 
.headerOrder ul li a.exitLogin i{ background-position:0 -340px;}
.headerOrder ul li a.exitLogin:hover i{background-position:-20px -340px;} 

/*right*/
.rightSide{ position:absolute; left:180px; right:0; top:-1px; height:100%; overflow-y:auto;/*border:1px solid;*/ border-top:1px solid; background-color: #f1f1f1}
.mainWrapBox{ position:absolute; top:60px; left:0; width:100%;min-width:1070px; background-color: #f1f1f1}
.mainBox{ position:relative; margin:10px 20px;}


/*解决冲突*/

.pro_main{ width:100%;}
.juese_list_main{ width:100%;}

/*日报*/
.listHead{height:58px; background:#fff; margin: 10px 1px 0 1px; padding:20px 20px 0; box-shadow:0 3px 8px #ccc;}
.listHead strong { font-size:16px; }
.choseBtn{ display:inline-block; font-size:20px; border:1px solid #999; border-radius:3px; margin-left:10px;}
.choseBtn{ font-size:16px; color:#999;}
.choseBtn a{ display:inline-block;height:16px; margin:4px 8px; vertical-align:middle;}
.choseBtn a.active{ color:#FF6633;}
.choseBtn a.leftBtn{ background:url(../images/x_icon_bg.png) no-repeat 0 0; width:9px; }
.choseBtn a.rightBtn{background:url(../images/x_icon_bg.png) no-repeat -18px 0; width:9px; }
.choseBtn a.leftBtn:hover{ background-position:-33px 0;}
.choseBtn a.rightBtn:hover{ background-position:-51px 0;}


/* 页面布局 */
/* 左右两栏 左侧370 ,右栏自适应 */
.w370{ width :370px; }
.autoWidth{ margin-left:390px;}
.auto-width-left-370 {margin-right:390px;}
/* 左右两栏 左侧220 ,右栏自适应 */
.w220{ width: 220px; }
.auto-width-220{ margin-left:240px;}

/* 主操作窗口标题样式 */
.mainWrapBox .mainBox>h1 {height:50px;font-size:18px; color: #666666; background:#fff; margin:-10px -20px 0; padding:15px 20px 0; box-shadow:0 3px 8px #ccc;}
.mainWrapBox .mainBox>h1>a {font-size:18px;color: #666666;}
.mainWrapBox .mainBox>h1>a:hover {color: #FF6633;}
.mainWrapBox h2 {height:56px;line-height:40px; font-size:16px; padding-top:10px; overflow:hidden; border-bottom:1px solid #ccc;}
.mainWrapBox h3  {height:40px;line-height:40px; font-size:14px; padding-top:10px; overflow:hidden; border-bottom:1px solid #ccc;}
.panel-modal h3  {height:40px;line-height:40px; font-size:14px; padding-top:10px; overflow:hidden; border-bottom:1px solid #ccc;}
.mainWrapBox h4 {}
.mainWrapBox h4 {}

.listWrapbox{ background-color:#fff; overflow:hidden; padding:0 20px 20px;}
.listWrapbox .listbox_tit{ height:56px;padding-top:10px; overflow:hidden; border-bottom:1px solid #ccc;}
.listWrapbox .listbox_tit strong{ font-size:18px; font-weight:normal; line-height:40px;  color:#333;}
.primarybtn{ display:inline-block; width: 80px;height: 30px; line-height:30px;text-align: center;color: #fff;cursor: pointer; border-radius:4px;}
.btnGray{ background-color:#999;}
.btnGreen{ background-color:#6CBD7D;}
.btn-border-gray{ border:1px solid #e4e4e4;color:#333333 }
.btn-border-gray:hover{ background-color:#6CBD7D; color: #ffffff}
.btn-two {width: 40px;}

.checkBox { padding-right:5px;}
.checkBox i{ border:1px solid #fff; border-radius:3px; width:14px; height:14px; display:inline-block; vertical-align:-3px;}
.checkBox{ position:relative;}
.checkBox .selectstyle{ position:absolute; left:-1px; top:0; background:url(../images/x_icon_bg.png) no-repeat 0 -24px; width:22px; height:16px; display:inline-block;}

.h4_title{ height:40px; line-height:40px;}
.h4_title strong{ font-size:14px; font-weight:normal; float:left;}

.h4-bold-title{ height:40px; line-height:40px;font-size:14px; font-weight: bold; display: inline; color: #FF6633}

.listbox .one_text{ height:40px; line-height:40px;}
.listbox .one_text a{ text-decoration:underline;}
.greenColor{ color:#6CBD7D;}
.blueColor{ color:#00CCFF;}
.orangeColor{ color:#FF6633;}
.bordertop{ border-top:1px solid #ddd;}
.underline{ text-decoration:underline;}
/*.maxHei44{max-height:44px;}*/
.edittime{ background:url(../images/x_icon_bg.png) no-repeat -86px -17px; padding-left:25px; color:#999;}
.edittime:hover{ background:url(../images/x_icon_bg.png) no-repeat -86px -35px;}

.removetime{ background:url(../images/x_icon_bg.png) no-repeat 0px -41px; padding-left:15px; color:#999; width: 25px;display: inline-block;height: 25px}
.removetime:hover{ background:url(../images/x_icon_bg.png) no-repeat -27px -41px; width: 25px;display: inline-block;height: 25px}

.reportList{ min-height:548px;}
.reportList dl{ overflow:hidden; padding-top:15px; padding-bottom:10px; border-bottom:1px dashed #ddd; }
.reportList dl dt{ width:50px; float:left;}
.reportList dl dd{ margin-left:65px; }
.reportList dl dd p{ margin-top:5px; line-height:20px;}

/*
.deleteIco{display:inline-block;cursor: pointer; background:url(../images/x_icon_bg.png) no-repeat 0 -43px;  width:16px; height:17px;}
.deleteIco:hover{ background:url(../images/x_icon_bg.png) no-repeat -27px -43px; }
*/
.deleteIco {height: 16px; width: 16px;cursor: pointer; background: url(../images/icon_remove2.png) no-repeat left center;padding-left:18px;}

.report-modal .report-title { line-height:35px;font-size:14px; color: #808080}
.report-modal td{ line-height:35px;font-size:12px; padding:5px 0;}
.report-modal td span{ font-size:12px;}
.report-modal .pass_shen {height: 35px;margin: 0 5px;}
.report-modal .report-list {max-height: 54px;}
.report-modal .report-list td{ border-bottom:1px solid #ddd; padding:7px 5px; max-height: 54px; overflow: hidden; line-height: 20px;}
.report-modal .report-list a.deleteIco{ display: none;margin-top: 5px;}
.report-modal .report-list:hover a.deleteIco{ display: block}
.report-modal textarea{ width:100%; text-align:left;}
/*calendar*/
.calendarBox { width:330px;}
.calendarBox table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
.calendarBox table th,.calendarBox table td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px;}
.calendarBox table td{ color:#666; height:34px; position:relative;}

.calendarBox table td span{ position:absolute; left:1px; top:1px;}
.calendarBox table td i{ font-style:normal; color:#fff; font-size:8px; border-radius:50%; position:absolute; right:1px; top:1px; display:inline-block; width:14px; height:14px; background:url(../images/x_icon_bg.png) no-repeat -25px -69px; text-indent:-999px;}
.calendarBox table td i.xiubg{ background-position:-67px 0;}
.calendarBox table td i.banbg{ background-position:-89px 0;}
.calendarBox table td.disabled{ color:#ccc;}
.calendarBox table td a.disabled{ color:#ccc;}
.calendarBox table td.greenColor{ color:#6CBD7D;}
.editReport { display:block; height: 34px; position:absolute; left:-1px; top:-1px; bottom:-1px; right:-1px;/* background:url(../images/editDateico.png) no-repeat center center;*/}
.editReport:hover{ border:1px solid #fe6c3c; border-radius:2px; background:url(../images/edit_hover_ico.png) no-repeat center center;}
.calendarBox table th{ font-size:14px; text-align:center;}
.cld_right_ico{ background:url(../images/right.png) no-repeat center center;}
.cld_wrong_ico{ background:url(../images/wrong.png) no-repeat center center;}
.cld_halfright_ico{ background:url(../images/halfright.png) no-repeat center center;}

.calendarBox table td>a { display:block; height: 34px; position:absolute; left:-1px; top:-1px; bottom:-1px; right:-1px;/* background:url(../images/editDateico.png) no-repeat center center;*/}
.calendarBox table td>a.set-holiday {cursor: pointer}
.calendarBox table td>a.set-holiday:hover{ border:1px solid #FF6633; border-radius:2px;}

.reportMesg{ padding:10px;  line-height:20px; border-bottom:1px solid #eee; overflow:hidden;}

.listHeadNav{ font-size:0;}
.listHeadNav a{ display:inline-block; font-size:14px; margin:0 10px; height:38px; padding:0 5px;}
.listHeadNav a.active{ border-bottom:3px solid #FF6633; color:#FF6633;}

.inputStyle{ height:30px; border:1px solid #A6A6A6;}
.searchDateBtn{ font-size:14px; background:none; border:none; color:#6CBD7D; text-decoration:underline; margin-left:10px;}
.newsTable span{ font-size:14px;}
.newsTable .filter-panel{ border-bottom:1px solid #eee;}

/*my calendar*/
.cale-tags{ border-right:1px solid #ddd; display:inline-block;}
.cale-tags a{ display:inline-block; border:1px solid #ddd; border-right:none; padding:5px 15px;}
.cale-tags a.current{ background:#E4E4E4;}
.about-cale{ width:230px; padding: 0 20px;background-color: #e4e4e4; height: 100% }
.about-cale .listHeadNav a{ height:45px;line-height:45px; margin-left:0; margin-right:15px;  }
.task-situation { border-top:1px solid #ccc; padding:20px 0;}
.task-situation dt{ height:24px;  font-size:14px;}
.task-situation i.i-checkbox{ background:#6CBD7D; display:inline-block; width:16px; height:16px; border-radius:2px; vertical-align:-4px; margin-right:10px;}
.task-situation i.default-checkbox{ border:1px solid #ccc; background:#fff;}

.task-situation p{ margin-top:10px; color:#009DC8; cursor:pointer; text-decoration:underline;}
.task-situation p i.orange-checkbox{ background:#FF6633;}
.task-situation p i.yellow-checkbox{ background:#FEBF06;}
.task-situation p i.blue-checkbox{ background:#00BBD4;}
.task-situation p i.green-checkbox{ background:#6CBD7D;}
.task-situation p i.purple-checkbox{ background:#673AB8;}
.finish-task dd p{ color:#999; text-decoration:line-through;}
.i-checkbox{ background:#6CBD7D; position:relative;}
.i-checkbox em.checked{ background:url(../images/white-right.png) no-repeat center center; display:inline-block; width:16px; height:10px; position:absolute; top:3px; left:0; }
.default-checkbox em.checked{ background:url(../images/right.png) no-repeat 0 0; width:15px; height:10px;}

/*日历视图*/
.calender-sheet-box{ border-left:1px solid #ccc; border-top:1px solid #ccc; background:#fff; overflow:hidden; }
.calender-week{ width:100%; color:#999;}
.calender-week .today{ color:#FF6633;}
.calender-sheet-box .today{ background:#e4e4e4;}
.calender-week li{ float:left; width:14.28%;border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;font-size:14px; height:36px; line-height:36px; font-weight:bold;}
.calender-sheet{width:100%;}
.calender-sheet li{ width:100%; position:relative;}
.calender-sheet li .cale_colspan{border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:14.28%; float:left; min-height:110px; padding-left:5px; padding-top:5px;}
.calender-sheet li .disabled{ color:#ccc;}
.calender-sheet li .events{ position:absolute; top:8px; left:0; width:100%;}
.calender-sheet li .acrossColor1{ background:#FF6633;}
.calender-sheet li .acrossColor2{ background:#FEBF06;}
.calender-sheet li .acrossColor3{ background:#00BBD4;}
.calender-sheet li .acrossColor4{ background:#6CBD7D;}
.calender-sheet li .acrossColor5{ background:#673AB8;}
.cal-schedule-across{ border-radius:10px; height:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; color:#fff; opacity:0.9; position:absolute; display:none;}

.foldIco{display: inline-block;border: 7px solid transparent;border-top: 7px solid #989898; margin-top:5px; margin-left: 15px; cursor:pointer;}
.foldIco.trsm{ border-bottom:7px solid #989898;border-top:none;}
.foldIco.trsm:hover{ border-bottom:7px solid #ff6633;border-top:none;}
.foldIco:hover{border-top: 7px solid #FF6633; }

.finish-task dd{webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); opacity:1;filter:alpha(opacity=100); visibility:visible;}
.finish-task dd.showTrsm{ opacity:0;filter:alpha(opacity=0); visibility:hidden;}

/* 字体字号 */
.font12 {font-size:12px!important;}

/* 图标开始 */
/* 编辑图标 */
.icon-edit {  height: 12px; border:0px; width: 12px; background:url(../images/editDateico.png)  no-repeat; cursor:pointer;padding-left:18px}
.icon-edit:hover {background:url(../images/edit_hover_ico.png) no-repeat;}

/* 添加图标 */
.icon-add { display: inline-block; height: 16px; width: 16px;cursor: pointer; background: url(../images/icon_add.png) no-repeat;padding-left:18px;}
.icon-add2:before {display:inline-block; line-height: 24px;width: 24px; margin-right: 5px; margin-top:－1px; text-align: center; vertical-align: middle; font-size:20px; content: "+"; border-radius: 50%; background-color: #f2f2f2}
.icon-add2:hover:before { background-color: #FF6633; color: #ffffff}

.icon-remove {display: inline-block; height: 12px; width: 12px;cursor: pointer; background: url(../images/icon_remove.png) no-repeat left center;}
.icon-remove2 {/*display: inline-block;*/ height: 16px; width: 16px;cursor: pointer; background: url(../images/icon_remove2.png) no-repeat left center;}
.icon-delete {display: inline-block; height: 12px; width: 12px;cursor: pointer; background: url(../images/icon2.png) no-repeat left center;padding-left:18px;}

.icon-previous {display: inline-block; height: 12px; width: 12px;cursor: pointer; background: url(../images/expand2.png) no-repeat left center;padding-left:18px;}
.icon-next {display: inline-block; height: 12px; width: 12px;cursor: pointer; background: url(../images/expand4.png) no-repeat left center;padding-left:18px;}

.icon-big-close {  height: 30px; border:0px; width: 30px; background:url(../images/icon-big-close.png) no-repeat; cursor:pointer;padding-left:30px}
.icon-person { background:url(../images/icon-person.png) 0px 2px no-repeat; padding-left:15px}

/* 收缩、展开 */
.icon-fold {  height: 12px; border:0px; width: 12px; background:url(../images/expand2.png)  no-repeat 0% 40%; cursor:pointer;padding-left:18px;padding-bottom:2px;}
.icon-fold:hover {background:url(../images/expand1.png) no-repeat 0% 40%;}
.icon-fold:after {content:"收起";}
.icon-fold.trsm {background:url(../images/expand4.png)  no-repeat 0% 40%;}
.icon-fold.trsm:hover {background:url(../images/expand3.png) no-repeat 0% 40%;}
.icon-fold.trsm:after {content:"展开";}

/* 选中 */
.icon-selected {background: url(../images/icon-selected.png) no-repeat;padding-left:18px;}
/* 图标结束 */

/* 边框定义 */
.border-gray {display: inline-block; padding: 0 5px; border:1px solid #e4e4e4; border-radius: 3px;}

/* 分隔符 */
.line-break  {border-bottom: 1px solid #E7EAEC }

/* 标签按钮 */
.tab-btn-panel {}
.tab-btn {}
.tab-btn > li {padding: 0px 15px;border: 1px solid #E4E4E4;cursor:  pointer}
.tab-btn > li.active {color: #FF6633; background-color: #F2F2F2;}
.tab-btn-content {}
.tab-btn-content .tab-pane {display: none; visibility: hidden;}
.tab-btn-content .active {display: block; visibility: visible;}


/* 模式窗口开始 */
.modal-body .filter-panel {height:31px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 5px;}
.modal-body .search_divs {font-size: 12px;height: 30px;margin: 0px;}
.modal-body .search_divs input {font-size: 12px}
.modal-body .icon-search {background: url(../images/search.png)no-repeat;}

/* 弹出 */
.drop-container {
 position: relative;
 line-height: 30px;
 height: 30px;
}

.drop-div {
  position: absolute;
  z-index: 3;
  top: 28px;
  right: 2px;
  width: 60px;
  display: none;
  background-color: #fff;
}

.drop-menu {
 width: 100%;
 overflow: hidden;
 border: 1px solid #E4E4E4;
 border-radius: 4px;
}

.drop-menu li {
 width: 100%;
 line-height: 30px;
 height: 30px;
 text-align: center;
 display:inline;
}

.drop-menu li a {
 text-align: center;
 display: block;
 width:100%;
 color: #343d47;
}

.drop-menu li a:hover {
 background-color: #F2F2F2;
}

/* 下拉弹出 */
.drop-select-container {
    position: relative;
    cursor: pointer;
    float: left;
}

.drop-select {}

.drop-select-div {
    position: absolute;
    z-index: 99999;
    left:0;
    display: none;
    background-color: #fff;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
}

.drop-select-menu {
    width: 100%;
    overflow: hidden;
}

.drop-select-menu li {
    width: 80%;
    padding: 0 10px;
    margin: 3px 0;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-align: left;
    display:inline;
}

.drop-select-menu li a {
    padding-left: 5px;
    display: block;
    width:100%;
    color: #343d47;
}

.drop-select-menu li a.selected {
   background: url(../images/juese_go.png) right no-repeat;
}

.drop-select-menu li a:hover {
    background-color: #F2F2F2;
}

.drop-select-icon {
background: url(../images/user.png) right center no-repeat;padding-right: 15px;
}

.searchOwner-bu .drop-select-icon {
    background: url(../images/drop.png) right center no-repeat;padding-right: 15px;
}


/* 帐户 */
.project-account .account-tit{ height:46px;padding-top:3px; overflow:hidden; border-bottom:1px solid #ccc;text-align: center;}
.project-account .account-tit strong{ font-size:16px; font-weight: bold;  color:#808080;}
.text-center {text-align: center}
.project-account .husman-tab{border-bottom: 1px solid #cccccc;padding-top: 20px;}
.project-account .husman-tab li{float: left;border: 1px solid #cccccc;border-bottom: 0;padding: 5px 10px;border-right: 0}
.project-account .husman-tab li:last-child{border-right: 1px solid #cccccc}
.project-account .husman-tab li.active a{color: #ff6633}
ul.account-stat {width: 100%;padding: 20px 0px;}
ul.account-stat li {width: 48%; border-right: 1px solid #ccc; }
ul.account-stat li:last-child {border-right: none }
ul.account-stat li p  {font-size:12px; font-weight:500; text-align: center;line-height: 150%}

.account-summary {width: 100%;padding: 20px 0px 20px 20px;border-top: 1px solid #e4e4e4;}
.account-summary-chart {width:40%; text-align: right;float: left}
.account-summary-data {width:60%; padding-left: 10px;float: right}
.account-summary-data p {line-height: 180%}
.account-summary-data span {padding-left: 10px; color: #6CBD7D;}
.account-summary-data .data-title  {margin-bottom: 10px;}
.account-summary-data .data-title h4 {font-size:14px;font-weight: bold;float: left}
.account-summary-data .data-title span {float: right;padding-right: 0px;}
/*.account-summary-data .data-title span a {color: #00CCFF;}*/

/* 帐号导航 */
.account-nav {width: 100%;border-bottom: 1px solid #ccc;height: 36px;}
.project-account .account-nav { height: 46px}
.account-nav>a {display: inline-block;color:#808080;  font-size: 14px;font-weight:bold; line-height:35px;height: 35px;padding: 0px 10px; text-align: center;}
.project-account .account-nav>a { line-height:45px;height: 45px}
.account-nav .current {background-color: #e4e4e4;color: #FF6633;}

.account-date {font-size: 16px;font-weight: normal;margin: 15px 0px; }
.account-detail li{width: 100%; position:relative;margin-left: 20px;border-left: 1px solid #ccc;}
.account-detail li dl:before{ content:"";width:10px; height:10px; background:#fff; border:1px solid #ccc; border-radius:50%;/*圆角ie9及以上支持*/ position:absolute; left:-5px; top:0;}
.account-detail li:last-child {border-left: none;}
.account-detail dl {padding-bottom:15px;overflow: hidden;}
.account-detail dt {margin-left: 20px; padding: 0px 5px; background-color: #FEE7D1;color: #666666;float: left}
.account-detail dd {padding-left: 20px;float: left;}
.account-detail dd image {float: left;}
.account-detail dd div {padding-left:20px;float: right;}
.account-detail dd div p {line-height:20px}
/*.account-detail dd div p a {color:#2898E0;}*/

.account-contract {text-align: center; font-weight: bold;font-size: 10px; background-color: #F2F2F2;line-height: 30px;}
.account-amount-list {width: 100%;overflow: hidden}
.account-amount-list li {height: 80px; width: 30% ;margin-left: 5%;margin-top: 15px;border: 1px solid #ccc;border-radius: 2px;}
.account-amount-list li:first-child {margin-left: 0;}
.account-amount-list li:hover {border: 1px solid #ff5722;}
.account-amount-list li p,.account-amount-list li>div {margin-left: 30px;}
.account-amount-list li p.item-name {margin-top: 10px;font-weight: bold;color: #808080;}
.account-amount-list li p.item-amount {font-size: 16px;color: #FFB848;}
.item-per {height:10px;background-color: #F2F2F2;}
.item-per .green {height:10px;background-color: #6CBD7D;}
.item-per .red {height:10px;background-color: #FF0000;}
.account-amount-list li p.item-remark {font-size: 10px;}

.account-contract-info {color:#009DC8;line-height: 40px; font-size: 14px;font-weight: bold;margin: 10px 0px; border-bottom: 1px solid #cccccc}

.account-contract-income {width: 100%;}
.account-contract-income li {width: 100%;}
.account-income-title {width: 100%;line-height: 30px;height: 30px;}
.account-income-title .period {font-weight: bold;font-size: 14px;margin-right: 30px;}
.account-income-title .title {float: right;margin-right: 80px;height: auto!important;}
.account-income-title .income-add{ position: absolute; width: 20px; top:0px; right: 0px;}

.account-income-table {width: 100%}
.account-income-table .income-type {width:100px;}
.account-income-table tr {height:36px;vertical-align: middle}
.account-income-table tr:hover {background-color: #F2F2F2;}
td.income-type span {padding: 0px 5px; background-color: #FEE7D1;color: #666666;}
.account-income-table .income-date {width:100px;}
.account-income-table .income-amount {width:auto;}
.income-month {font-size: 14px; font-weight:bold; color: #FF6633; margin-left: 30px;cursor: pointer;background:url(../images/expand2.png)  no-repeat 100% 50%;padding-right: 20px}
ul.imcome-chart {width:100%;border: 1px solid #F2F2F2;}
ul.imcome-chart li {width:50%;padding:10px 0px 0px 15px;}
.cost-list-info {cursor: pointer;}
.cost-list-detail {line-height:25px;border: 1px solid #e4e4e4; }
.person-cost-list input {width: 50px; line-height: 25px; height: 25px;}

.cost-modal-info {margin:5px 0px;background-color: #FFFFFF}
.cost-area {margin:20px 0px;width: 100%;background-color: #FFFFFF;border: 1px solid #e4e4e4;}
.cost-area p {padding: 0px 10px; line-height: 30px}
.cost-modal-info ul {width: 100%;padding-bottom: 5px;background-color: #FFFFFF;border: 1px solid #e4e4e4;}
.cost-modal-info ul li {width: 20%;border-right: 1px solid #e4e4e4;margin-top: 10px; line-height: 30px;text-align: center}
.cost-modal-info ul li:last-child {border-right:none}
.cost-modal-info ul li p.cost-title {color: #999999;font-weight: bold}
.cost-modal-info ul li p.input {}
.cost-modal-info ul li .cost-select-list {line-height: 24px;padding: 0px;}
.cost-modal-info ul li .cost-select-list a {display: inline-block;width: 80%; text-align: left;overflow: hidden}
.cost-modal-info ul li .cost-select-list a:hover {background-color: #F2F2F2}
.cost-modal-info ul li div .add_text {width: 110px;text-align: center}

/* 表格中内容显示，最多两行 */

.content-2line {line-height: 20px;max-height: 38px;display: inline-block;overflow: hidden;padding-right: 10px;}

/* 弹出框表格 */
.table-font12-body tr.cost-list-detail:hover {background-color: #FFFFFF;}
.table-font12-body tr.selected { background:#e4e4e4 }
   /*.table-font12-bodys tr.cost-list-detail:hover {background-color: #FFFFFF;}
   .table-font12-bodys tr.selected { background:#e4e4e4 }*/
.modal-body {font-size: 12px;}
.modal-body table {font-size:12px;}
.modal-body .tank_tab_name {font-size:12px;height:35px;min-height: 35px;}
.modal-body .tank_tab_int {font-size:12px;width:auto;}
.modal-body .line-break  {width:100%;margin:10px 0px;border-top: 1px solid #e4e4e4;border-bottom: none }
.modal-body .WdateFmtErr {font-weight: inherit;color: inherit}

/*公司通讯录*/
.address-letter {line-height:50px; margin-top: 10px; color: #73AADB; font-size: 20px; word-spacing: 10px;}
.address-letter a.current {color:#ff6633;}
.address-list {text-align: left;}
.address-list ul {width: 100%}
.address-list ul li {width: 260px; line-height:2em; padding:5px 0px 5px 20px; background-color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 2px; margin:20px 20px 0px 0px;}
.address-list ul li:hover {border: 1px solid #ff6633;}
.address-list  ul li dl {margin: 10px 0px;border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;}
.address-list  ul li dl dt {width:50px;float: left;line-height: 1.5em}
.address-list  ul li dl dd {width:170px;height:48px; float: right;line-height: 2em}
.address-list .name {font-weight: bold;font-size: 16px; color: #808080}

/* 个人面板 */
.dashboard-title {margin:10px 0px; font-size: 16px;color: #333333; font-weight: 700;}
.dashboard-shortcut {width: 100%;margin: 0 0; background-color: #ffffff}
.dashboard-shortcut p {margin:0px 10px; line-height: 70px;border-bottom: 1px solid #e4e4e4}
.dashboard-shortcut p:last-child {border-bottom: none}
.dashboard-shortcut p .title {font-size: 14px;font-weight: 700;color: #808080}
.shortcut-link {color: #009DC8}
.dashboard-link-container {width: 100%;margin: 0 0;}
.dashboard-link-container .panel-modal-dialog {position: static;margin: 20px 0;width: 100%;z-index: 1111;}
.dashboard-panel-container  {width: 100%;margin: 0 0;}
.dashboard-panel-container>li {float:left;width: 49%;margin-top: 20px; background-color: #ffffff}
.dashboard-panel-container>li:nth-child(odd) {margin-right: 2%}
.panel-item .header {height: 40px; line-height: 40px; padding:0px 20px; border: 1px solid #ffffff;border-bottom-color: #e4e4e4;font-size: 14px;font-weight: 700;cursor: move}

.panel-item .header2 {height: 40px; line-height: 35px; padding:0px 20px; border-bottom:1px solid #e4e4e4; border-top:3px solid #e4e4e4;font-size: 14px;font-weight: 700;cursor: move; color:#666666;}
.panel-item .toolbar {float: right;height: 16px;margin-top: 12px;display: none}
.panel-item .header:hover .toolbar {display: block}
.panel-item .toolbar>li {margin-left: 10px; height: 16px; width: 16px;cursor: pointer;}
.panel-item .toolbar .icon-move { background: url(../images/icon_panel_move.png) no-repeat; cursor: move;}
.panel-item .toolbar .icon-min { background: url(../images/icon_panel_min.png) no-repeat;}
.panel-item .toolbar .icon-max { background: url(../images/icon_panel_max.png) no-repeat;}
.panel-item .toolbar .icon-delete { background: url(../images/icon_panel_delete.png) no-repeat;}
.panel-item .body {height: 300px; padding:0px 20px;}
.dashboard-panel-container li.ui-state-highlight{
    background-color: #e0e0e0;
    border: 1px dashed #a60310;
}

.panel-modal-open {
    overflow-x:hidden; overflow-y:hidden
}
.panel-modal-open .panel-modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.panel-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    overflow-x: hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.panel-modal-dialog {
    position: static;margin: 20px 0;width: 100%;z-index: 1111;
}
.panel-modal-backdrop {
    background-color: #000;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    filter:alpha(opacity:50);
    width: 100%;
    opacity: 0.5;
}

.panel-modal-content { width: auto;    border: 1px solid #d7d7d7; border-radius: 5px; background: #fff; }
.panel-modal-header{ min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5; }
.panel-modal-header .panel-modal-close {
    margin-top: -24px;font-size:21px;cursor:pointer;
    color: #000;
    float:right;
}
.panel-modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size:18px;
}
.panel-modal-body{ width: 518px; background: #f9f9fb; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.panel-modal-tab-text{ width: 80px; height: 30px; line-height: 30px; text-align: right; padding-right: 10px; font-size: 14px; }
.panel-modal-tab-input{ padding:10px 0px; width: 200px; font-size: 14px;}
.panel-modal-tab-control{   line-height: 30px; font-size: 14px;}
.panel-modal-footer{
    padding: 15px ;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.panel-modal-footer .btn {
    margin:0px 10px;
}

.dashed-border-list li {border-bottom: 1px dashed #e4e4e4;}

/* 提示信息 */
.prompt{ height: 40px; display: none; min-width: 208px;   background: #fff; position: fixed; top: 60px; text-align: center; left: 50%; z-index: 1000; border:1px solid #D7D7D7; box-shadow: 1px 1px 3px #d7d7d7; }
.prompt-body{  height: 40px;line-height: 40px;   margin: 0 auto;text-align: center;  color: #FF6633; padding:0 40px;}
.prompt-pic{    width: 20px; height: 20px; margin-top: 10px; background: url(../images/prompt.png) 0 center no-repeat;}
.prompt-content{ text-indent: 0.5em; font-size: 16px; }

.treeview li>span strong {display:inline-block;width: 100%; font-size: 14px;}
.treeview li>span {display:inline-block;width: 100%;}

/*add 2016-9-18 chen*/
.drop-select-menu li, .users li {
    width: 80%;
    padding: 0 10px;
    margin: 3px 0;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    text-align: left;
    display: inline;
}